<template>
  <SdyHeader title="啥都有">
    <template #left>
      <van-icon name="gem-o" class="cate-icon" />
    </template>
    <template #title>
      <van-search shape="round" background="#c72418" placeholder="请输入搜索关键词" />
    </template>
    <template #right>
      登录
    </template>
  </SdyHeader>

  <!-- 展示区域 -->
  <SdyHomeBanner></SdyHomeBanner>
  <SdyHomeNavList></SdyHomeNavList>
</template>

<script setup lang="ts">
import SdyHomeBanner from './components/SdyHomeBanner.vue';
import SdyHomeNavList from './components/SdyHomeNavList.vue';
</script>

<style  lang="scss">
@import '@/styles/variable.scss';
.cate-icon {
  font-size: 24px;
}
.van-nav-bar__content {
  background-color: $globalColor;
}
</style>
